<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />
    <title>来不及解释了，走你</title>
    <link rel="stylesheet" type="text/css" href="<%=path %>/propagate/css/reset.css">
    <link rel="stylesheet" type="text/css" href="<%=path %>/propagate/css/index.css">
    <link rel="stylesheet" type="text/css" href="<%=path %>/propagate/css/swiper.min.css">
    <script>
        var _hmt = _hmt || [];
        (function() {
          var hm = document.createElement("script");
          hm.src = "https://hm.baidu.com/hm.js?fa2b1f8a111a9aac1fe1b52a24543566";
          var s = document.getElementsByTagName("script")[0]; 
          s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
    <div class="xz">
        <div class="loading">
            <div id="container" class="container">
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>
                <div class="stick"></div>                 
                <h1>Loading...</h1>
            </div>
        </div>
        <div class="wrapper">
            <span id="musicControl">
                <a id="mc_play" class="onx" onclick="play_music();">
                    <audio id="musicfx" loop="loop" autoplay="true">
                        <source src="img/music.mp3" type="audio/mpeg">
                    </audio>
                </a>
            </span>
            <div class="home">
                    
                <div class="home-wrap">
                    <div class="home-star">
                        <div class="light-wrap">
                            <div class="light star1">
                                <div class="star-cir1 star-cirS"></div>
                            </div>
                            <div class="light star2">
                                <div class="star-cir2 star-cirS"></div>
                            </div>
                            <div class="light star3">
                                <div class="star-cir3 star-cirS"></div>
                            </div>
                            <div class="light star4">
                                <div class="star-cir4 star-cirS"></div>
                            </div>
                            <div class="light star5">
                                <div class="star-cir1 star-cirS"></div>
                            </div>
                            <div class="light star6">
                                <div class="star-cir2 star-cirS"></div>
                            </div>
                            <div class="light star7">
                                <div class="star-cir3 star-cirS"></div>
                            </div>
                            <div class="light star8">
                                <div class="star-cir4 star-cirS"></div>
                            </div>
                            <div class="light star9">
                                <div class="star-cir1 star-cirS"></div>
                            </div>
                        </div>
                    </div>
                    <div class="home-content">
                        <div class="content-pos">
                            <div class="logo"></div>
                            <!-- <image src="img/figure.gif" class="fingerprint-img"></image> -->
                            <div class="fingerprint-wrap"></div>
                            <image src="img/figure2.png" class="fingerprint-img"></image>
                            <div class="hold"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-container main">
                <div class="home-star">
                        <div class="light-wrap">
                            <div class="light star1">
                                <div class="star-cir1 star-cirS"></div>
                            </div>
                            <div class="light star2">
                                <div class="star-cir2 star-cirS"></div>
                            </div>
                            <div class="light star3">
                                <div class="star-cir3 star-cirS"></div>
                            </div>
                            <div class="light star4">
                                <div class="star-cir4 star-cirS"></div>
                            </div>
                            <div class="light star5">
                                <div class="star-cir5 star-cirS"></div>
                            </div>
                            <div class="light star6">
                                <div class="star-cir6 star-cirS"></div>
                            </div>
                            <div class="light star7">
                                <div class="star-cir7 star-cirS"></div>
                            </div>
                            <div class="light star8">
                                <div class="star-cir8 star-cirS"></div>
                            </div>
                            <div class="light star9">
                                <div class="star-cir9 star-cirS"></div>
                            </div>
                        </div>
                    </div>
                <div class="swiper-wrapper mian-wrap">
                    <div class="swiper-slide slidepage">
                        <!-- <canvas id='cas' class="logo-animate">浏览器不支持canvas</canvas> -->
                        <div class="xzgif"></div>
                        <div class="name" id="conName"></div>
                        <div class="inter">
                            <p class="shi"><span class="txtbox"></span><span class="gbiao">|</span></p>
                            <p class="jihe"><span class="txtbox"></span><span class="gbiao">|</span></p>
                            <p class="tigong"><span class="txtbox"></span><span class="gbiao">|</span></p>
                        </div>
                        <div class="next"></div>
                    </div>
                    <div class="swiper-slide slidepage">
                        <div class="advantage"></div>
                        <div class="advan-wrap">
                            <div class="advan-cir-wrap">
                                <div class="advan-cir1"></div>
                                <div class="advan-cir2"></div>
                                <div class="advan-cir3"></div>
                                <div class="swiper-container advantage-container">
                                    <div class="swiper-wrapper ">
                                        <div class="swiper-slide ">
                                            <div class="advan-title advan-title1">互联网+</div>
                                            <div class="advan-title advan-title2">企业解决方案</div>
                                            <div class="advan-text advan-text1">
                                                专属的页面风格、特定的用户体验、个性的前端效果、人性化后台管理。
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="advan-title advan-title1">网络整合营销</div>
                                            <div class="advan-text advan-text2">
                                                优秀的策划师提供策划营销一站式服务、专业的SEO分析师对网站进行大批量的长尾关键词筛选、稳定的外链团队高效的提高网站排名。
                                            </div>
                                        </div>
                                        <div class="swiper-slide">
                                            <div class="advan-title advan-title3">活动传播</div>
                                            <div class="advan-text advan-text2">
                                                利用最好的资源、用心的服务，刻画品牌形象，使策划不再是虚无的纸上谈兵，赋予活动真正意义，给予企业鲜活且深入人心的品牌形象。
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-pagination"></div>
                                </div>
                            </div>
                        </div>
                        <div class="next"></div>
                    </div>
                    <div class="swiper-slide slidepage">
                        <div class="ball web">
                            <div class="ball-re ball-dia">
                                <div class="ball-pos">
                                    <div class="ball-wrap rotate-ball1"></div>
                                    <div class="ball-in rotate-in1"></div>
                                    <div class="out"></div>
                                    <div class="qiu qiu1"></div>
                                </div>
                                <div class="text">
                                    <p>WEB</p>
                                    <p>网站开发</p>
                                </div>
                            </div>
                            <div class="ball-re2 ball-dia">
                                <div class="ball-pos">
                                    <div class="ball-wrap rotate-ball2"></div>
                                    <div class="ball-in rotate-in2"></div>
                                    <div class="out"></div>
                                    <div class="qiu qiu2"></div>
                                </div>
                                <div class="text">
                                    <p>WeChat</p>
                                    <p>开发</p>
                                </div>
                            </div>
                            <div class="ball-re3 ball-dia">
                                <div class="ball-pos">
                                    <div class="ball-wrap rotate-ball3">
                                        
                                    </div>
                                    <div class="ball-in rotate-in3"></div>
                                    <div class="out"></div>
                                    <div class="qiu qiu3"></div>
                                </div>
                                <div class="text ball-text">
                                    <p>APP</p>
                                    <p>开发</p>
                                </div>
                            </div>
                            <div class="ball-re4 ball-dia">
                                <div class="ball-pos">
                                    <div class="ball-wrap rotate-ball4">
                                        
                                    </div>
                                    <div class="ball-in rotate-in4"></div>
                                    <div class="out"></div>
                                    <div class="qiu qiu4"></div>
                                </div>
                                <div class="text">
                                    <p>应用</p>
                                    <p>系统开发</p>
                                </div>
                            </div>
                            <div class="ball-re5 ball-dia">
                                <div class="ball-pos">
                                    <div class="ball-wrap rotate-ball5">
                                        
                                    </div>
                                    <div class="ball-in rotate-in5"></div>
                                    <div class="out"></div>
                                    <div class="qiu qiu5"></div>
                                </div>
                                <div class="text">
                                    <p>数据</p>
                                    <p>传播方案</p>
                                </div>
                            </div>
                            <div class="ball-re6 ball-dia">
                                <div class="ball-pos">
                                    <div class="ball-wrap rotate-ball6"></div>
                                    <div class="ball-in rotate-in6"></div>
                                    <div class="out"></div>
                                    <div class="qiu qiu6"></div>
                                </div>
                                <div class="text">
                                    <p>运营</p>
                                    <p>解决方案</p>
                                </div>
                            </div>
                            <div class="ball-re7 ball-dia">
                                <div class="ball-pos">
                                    <div class="ball-wrap rotate-ball7">
                                        
                                    </div>
                                    <div class="ball-in rotate-in7"></div>
                                    <div class="out"></div>
                                    <div class="qiu qiu7"></div>
                                </div>
                                <div class="text ball-text">
                                    <p>线下</p>
                                    <p>活动</p>
                                </div>
                            </div>
                            <div class="ball1-content1 kuang">
                                <div class="pop-wrap">
                                    <div class="pop-img1 pop-img-wrap"></div>
                                    <div class="pop-cir"></div>
                                    <div class="pop-in"></div>
                                    <div class="pop-out"></div>
                                    <div class="close"></div>
                                </div>
                            </div>
                            <div class="ball1-content2 kuang">
                                <div class="pop-wrap">
                                    <div class="pop-img2 pop-img-wrap"></div>
                                    <div class="pop-cir"></div>
                                    <div class="pop-in"></div>
                                    <div class="pop-out"></div>
                                    <div class="close"></div>
                                </div>
                            </div>
                            <div class="ball1-content3 kuang">
                                <div class="pop-wrap">
                                    <div class="pop-img3 pop-img-wrap"></div>
                                    <div class="pop-cir"></div>
                                    <div class="pop-in"></div>
                                    <div class="pop-out"></div>
                                    <div class="close"></div>
                                </div>
                            </div>
                            <div class="ball1-content4 kuang">
                                <div class="pop-wrap">
                                    <div class="pop-img4 pop-img-wrap"></div>
                                    <div class="pop-cir"></div>
                                    <div class="pop-in"></div>
                                    <div class="pop-out"></div>
                                    <div class="close"></div>
                                </div>
                            </div>
                            <div class="ball1-content5 kuang">
                                <div class="pop-wrap">
                                    <div class="pop-img5 pop-img-wrap"></div>
                                    <div class="pop-cir"></div>
                                    <div class="pop-in"></div>
                                    <div class="pop-out"></div>
                                    <div class="close"></div>
                                </div>
                            </div>
                            <div class="ball1-content6 kuang">
                                <div class="pop-wrap">
                                    <div class="pop-img6 pop-img-wrap"></div>
                                    <div class="pop-cir"></div>
                                    <div class="pop-in"></div>
                                    <div class="pop-out"></div>
                                    <div class="close"></div>
                                </div>
                            </div>
                            <div class="ball1-content7 kuang">
                                <div class="pop-wrap">
                                    <div class="pop-img7 pop-img-wrap"></div>
                                    <div class="pop-cir"></div>
                                    <div class="pop-in"></div>
                                    <div class="pop-out"></div>
                                    <div class="close"></div>
                                </div>
                            </div>
                            <!-- <div class="hand"></div> -->
                            <div class="next"></div>
                            
                        </div>
                    </div>
                    <div class="swiper-slide slidepage">
                        <div class="contect"></div>
                        <div>
                            <img src="img/er.png" class="erwei">
                        </div>
                        <div class="address-img"></div>
                        <!-- <div class="hand"></div> -->
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="<%=path %>/propagate/js/jquery-3.2.1.min.js" ></script>
    <script type="text/javascript" src="<%=path %>/propagate/js/swiper-3.4.2.jquery.min.js"></script>
    <script type="text/javascript" src="<%=path %>/propagate/js/index.js"></script>
    
    <script src="https://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
    <script type="text/javascript">
        //微信jssdk config
        wx.config({
            debug : false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
            appId : '${signObj.appid}', // 必填，公众号的唯一标识
            timestamp : '${signObj.timestamp}', // 必填，生成签名的时间戳
            nonceStr : '${signObj.noncestr}', // 必填，生成签名的随机串
            signature : '${signObj.signature}',// 必填，签名，见附录1
            jsApiList : [ 'checkJsApi', //判断当前客户端版本是否支持指定JS接口
            'onMenuShareTimeline', //分享给好友
            'onMenuShareAppMessage', //分享到朋友圈
            'onMenuShareQZone', //分享到Q空间
            'onMenuShareWeibo',//分享到微博
            'onMenuShareQQ'//分享到qq
            ]
        // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
        });
        var title="来不及解释了，走你";
        var description="在宇宙之边，行星之外，科技与时尚碰撞，探索，只差一个你。";
        var imgUrl="${basePath}/<%=path %>/propagate/img/share.jpg";
        var shareBaseUrl='${baseUrl}';
        wx.ready(function() { //ready函数用于调用API，如果你的网页在加载后就需要自定义分享和回调功能，需要在此调用分享函数。//如果是微信游戏结束后，需要点击按钮触发得到分值后分享，这里就不需要调用API了，可以在按钮上绑定事件直接调用。因此，微信游戏由于大多需要用户先触发获取分值，此处请不要填写如下所示的分享API
            wx.onMenuShareTimeline({ //分享到朋友圈的API  
                        title : title, // 分享标题
                        link : shareBaseUrl+'/auth2.html', // 分享链接
                        imgUrl : imgUrl, // 分享图标
                        success : function() {
                            // 用户确认分享后执行的回调函数
                        },
                        cancel : function() {
                            // 用户取消分享后执行的回调函数
                        }
                    });
            wx.onMenuShareAppMessage({//分享到朋友 
                        title : title, // 分享标题
                        desc : description, // 分享描述
                        link : shareBaseUrl+'/auth2.html', // 分享链接
                        imgUrl : imgUrl, // 分享图标
                        type : 'link', // 分享类型,music、video或link，不填默认为link
                        dataUrl : '', // 如果type是music或video，则要提供数据链接，默认为空
                        success : function() {
                            // 用户确认分享后执行的回调函数
                        },
                        cancel : function() {
                            // 用户取消分享后执行的回调函数
                        }
                    });
            wx.onMenuShareQZone({//分享到qq空间
                title: title, // 分享标题
                desc: description, // 分享描述
                link: shareBaseUrl+'//auth2.html', // 分享链接
                imgUrl: imgUrl, // 分享图标
                success: function () { 
                   // 用户确认分享后执行的回调函数
                    
                },
                cancel: function () { 
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareWeibo({
                title: title, // 分享标题
                desc: description, // 分享描述
                link: shareBaseUrl+'/auth2.html', // 分享链接
                imgUrl: imgUrl, // 分享图标
                success: function () { 
                   // 用户确认分享后执行的回调函数
                    
                },
                cancel: function () { 
                    // 用户取消分享后执行的回调函数
                }
            });
            wx.onMenuShareQQ({//分享到qq
                title: title, // 分享标题
                desc: description, // 分享描述
                link: shareBaseUrl+'/auth2.html', // 分享链接
                imgUrl: imgUrl, // 分享图标
                success: function () { 
                   // 用户确认分享后执行的回调函数
                    
                },
                cancel: function () { 
                   // 用户取消分享后执行的回调函数
                }
            });
        });
    </script>
</body>
</html>